﻿@model Pageparkproject.Models.tblCategory
@{
    ViewBag.Title = "ArchitectureDetail";
    Layout = "~/Views/Shared/LayoutPage.cshtml";
    ViewBag.cl = "subpage";
    ViewBag.controllerName = "Architecture";
    ViewBag.Active = "Architecture";
}
<script type="text/javascript">
    $('.activated-@Model.PK_iCategoryID').css('color', '@ViewBag.navColorActive');
</script>
<ul>
    @foreach (var item in Model.tblCategoryDetails.OrderBy(m => m.iOrder).ToList())
    {
        <li class="cog_type">
            <h4>@item.sTitle</h4>
            <ul>
                <li>
                    <img src="/Contents/Images/Post/@item.sAnh">
                </li>

            </ul>

            <div class="description">
                @Html.Raw(item.sDescription)
            </div>

            <div class="subnav">
                <span><a href="http://pagepark.co.uk/projects/cog/arts-and-culture">Related Projects</a></span>
                <!-- Share -->
                <div class="share">
                    <a class="share_btn no-ajaxy" href="#">Share</a>
                    <div class="share_box clearfix">
                        <ul>
                            <!-- Facebook -->
                            <li>
                                <a class="popup" href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fpagepark.co.uk%2Farchitecture%2Farts-and-culture%2Foverview&amp;t=Overview">Facebook</a>
                            </li>
                            <!-- Twitter -->
                            <li>
                                <a class="popup" href="http://twitter.com/home?status=Page%5CPark+-+http%3A%2F%2Fpagepark.co.uk%2Farchitecture%2Farts-and-culture%2Foverview">Twitter</a>
                            </li>
                            <!-- Google+ -->
                            <li>
                                <a class="popup" href="https://plus.google.com/share?url=http%3A%2F%2Fpagepark.co.uk%2Farchitecture%2Farts-and-culture%2Foverview">Google+</a>
                            </li>
                            <!-- Email -->
                            <li>
                                <a href="mailto:?subject=Overview&amp;body=Overview - http://pagepark.co.uk/architecture/arts-and-culture/overview">Email</a>
                            </li>
                        </ul>



                    </div>
                </div>
                <!-- end share-->
            </div>

        </li>
        <div class="line"></div>
    }
</ul>
